<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <title>课程页</title>
  </head>
  <body>
    <%= require('html-loader!@/component/header.html') %>
    <main role="main">
      <!--轮播图-->
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol> -->
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img
              class="first-slide"
              alt="First slide"
              src=<%= require('../../imgs/course/banner.png') %>
            />
            <div class="container">
              <div class="banner-contianer">
                <div class="banner-ipt-wrap">
                  <div class="price">
                    <span class="old">698元</span><span class="now">9.9元</span
                    ><span class="desc">/2节</span>
                  </div>
                  <div class="title">编程试听课</div>
                  <div class="ipt">
                    <span></span
                    ><input
                      type="text"
                      placeholder="请输入您的手机号码"
                      maxlength="11"
                      name="mobile"
                    />
                  </div>
                  <div class="submit-btn">立即领取</div>
                </div>
              </div>
            </div>
          </div>
          <!-- <div class="carousel-item">
            <img
              class="first-slide"
              alt="First slide"
              src=<%= require('../../imgs/course/c/banner-c-1.png') %>
            />
            <div class="container">
              <div class="banner-contianer">
                <div class="banner-ipt-wrap">
                  <div class="price">
                    <span class="old">698元</span><span class="now">9.9元</span
                    ><span class="desc">/2节</span>
                  </div>
                  <div class="title">编程试听课</div>
                  <div class="ipt">
                    <span></span
                    ><input
                      type="text"
                      placeholder="请输入您的手机号码"
                      maxlength="11"
                      name="mobile"
                    />
                  </div>
                  <div class="submit-btn">立即领取</div>
                </div>
                <div class="banner-text-wrap">
                  <div class="title">C++<br/>高级编程</div>
                  <div class="desc">
                    C++在软件开发领域占有举足轻重的地位，是很多
                    顶级架构师的最爱。<br/>
                    国际国内认可度极高的五大学科竞赛之一的
                    信息学奥赛，C++编程语言也被作为竞赛语言。
                  </div>
                </div>
              </div>
            </div>
          </div> -->
        </div>
        <a
          class="carousel-control-prev"
          href="#myCarousel"
          role="button"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">prev</span>
        </a>
        <a
          class="carousel-control-next"
          href="#myCarousel"
          role="button"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">next</span>
        </a>
      </div>
      <!-- 课程tab -->
      <div class="container-fluid" style="background-color: #F4F6F6;">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-kc-1"></span>
            <p class="project_head-title">
              抓住孩子思维发展的黄金年龄
            </p>
          </div>

          <div class="row">
            <div class="col-md-12 kecheng-btn-wrap">
              <div class="new_couse-warp dash-wrap active">
                <div class="icon"></div>
                <div class="tab-btn btn-1" data-tab="dash">5岁 / Dash</div>
                <div class="arrow"></div>
              </div>
              <div class="new_couse-warp scratch-wrap">
                <div class="icon"></div>
                <div class="tab-btn btn-1" data-tab="scratch">
                  6-9岁 / Scratch
                </div>
                <div class="arrow"></div>
              </div>
              <div class="new_couse-warp python-wrap">
                <div class="icon"></div>
                <div class="tab-btn btn-1" data-tab="python">
                  9-12岁 / Python
                </div>
                <div class="arrow"></div>
              </div>
              <div class="new_couse-warp c-wrap">
                <div class="icon"></div>
                <div class="tab-btn btn-1" data-tab="c">12+岁 / C++</div>
                <div class="arrow"></div>
              </div>
            </div>
          </div>

          <!-- <div class="section_common-btn">定制孩子的专属学习计划</div> -->
        </div>
      </div>
      <div class="container-fluid">
        <div class="container-fuild course_01-section">
          <div class="container">
            <div class="course_tab-content">
              <div class="dash-detail tab-detail">
                <div class="wrap_container">
                  <div class="wrap-image">
                    <video src="" style="display: none;"></video>
                    <img src=<%= require('../../imgs/course/dash-t1.png')%>>
                  </div>
                  <div class="wrap-detail">
                    <div class="wrap_d-info">
                      <div class="lable">Dash</div>
                      <div class="tl">奇幻机器人编程</div>
                      <p class="content">
                        了解dash机器人所具有的多种传感器，如超声波探测、距离传感器等，并能够编写简单的图形化程序，初步培养幼儿编程思维。
                      </p>
                    </div>
                    <a class="wrap_d-btn" href="./courseDash.html">查看详细</a>
                  </div>
                </div>
              </div>
              <div class="scratch-detail tab-detail" style="display: none;">
                <div class="wrap_container">
                  <div class="wrap-image">
                    <video src="" style="display: none;"></video>
                    <img src=<%= require('../../imgs/course/scratch-t1.png')%>>
                  </div>
                  <div class="wrap-detail">
                    <div class="wrap_d-info">
                      <div class="lable">scratch</div>
                      <div class="tl">图形化编程</div>
                      <p class="content">
                        第一阶段：掌握scratch图形化编程中108个基础模块功能，掌握循环、判断等基本的程序逻辑。培养逻辑思维能力，团队协作意识，巩固学科知识。
                        <br />
                        第二阶段：掌握模块的组合应用，制作类型丰富的项目，包括游戏、动画、应用等，并理解简单算法逻辑。
                      </p>
                    </div>
                    <a class="wrap_d-btn" href="./courseScratch.html"
                      >查看详细</a
                    >
                  </div>
                </div>
              </div>
              <div class="python-detail tab-detail" style="display: none;">
                <div class="wrap_container">
                  <div class="wrap-image">
                    <video src="" style="display: none;"></video>
                    <img src=<%= require('../../imgs/course/python-t1.png')%>>
                  </div>

                  <div class="wrap-detail">
                    <div class="wrap_d-info">
                      <div class="lable">python</div>
                      <div class="tl">代码编程</div>
                      <p class="content">
                        入门衔接：以图形化编程为基础，衔接代码编程的学习，让孩子掌握基本编程能力和编程逻辑。
                        <br />第一阶段：掌握所有常用的语法、方法、数据结构，接触基础的算法，完成简单的数据表达和计算技巧。
                        <br />第二阶段：了解人工智能硬件模块，完成包括数据分析，自动化，游戏以及硬件关联等项目，掌握九个常见的算法基础及组合应用。
                      </p>
                    </div>
                    <a class="wrap_d-btn" href="./coursePython.html"
                      >查看详细</a
                    >
                  </div>
                </div>
              </div>
              <div class="c-detail tab-detail" style="display: none;">
                <div class="wrap_container">
                  <div class="wrap-image">
                    <video src="" style="display: none;"></video>
                    <img src=<%= require('../../imgs/course/c-t1.png')%>>
                  </div>

                  <div class="wrap-detail">
                    <div class="wrap_d-info">
                      <div class="lable">C</div>
                      <div class="tl">高级编程</div>
                      <p class="content">
                        熟练掌握C++的程序编写、调试，使用封装function、class、template的方式将复杂程序分解为简单的实现方式。在常用算法的应用中展开各种数据结构的深入学习理解。
                        <br />通过大量实例练习、模拟比赛和强化训练，在掌握常用算法及数据结构的前提下，根据不同的场景对算法和数据结构进行适当性调整，初步了解对算法的评价方式和优化思路。
                      </p>
                    </div>
                    <a class="wrap_d-btn" href="./courseC.html">查看详细</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="course_btn-wrap">
          <div class="section_common-btn">定制孩子的专属学习计划</div>
        </div>
      </div>
      <!-- 课程特色 -->
      <div class="container-fluid course_03-section white-bg">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-kc-2"></span>
            <p class="project_head-title">
              课程特色
            </p>
            <p class="project_head-tip">
              独特而科学的课程设计
            </p>
          </div>
        </div>
        <div class="container-fluid">
          <div class="container">
            <div class="row flex-between tese-item">
              <div class="title">
                <span class="tese-num">01</span>
                <div class="tl">
                  科学的课程结构
                </div>
              </div>
              <div class="course_flex-content">
                <div class="course-content">
                  <div class="course_dig-info dig_info-01 up-line">
                    <p class="c_info-txt">
                      <span>预科课程</span><br />
                      正式进入编程的学习前，为了照顾对各种电子设备的操作不熟练的孩子，我们精心设计了预科课程，让孩子平稳的学习入门，这些课程都是免费的哦！
                    </p>
                    <span class="line-01"></span>
                    <span class="line-02"></span>
                  </div>
                  <div class="course_dig-info dig_info-02 up-line">
                    <p class="c_info-txt">
                      <span>项目模块化</span><br />
                      思维果全阶段课程均是以一个个场景化的项目进行展开，囊括了游戏、生活应用、黑科技、学科门类等领域。在毕业设计时，还会接触到更加复杂的项目作品。
                    </p>
                    <span class="line-01"></span>
                    <span class="line-02"></span>
                  </div>
                  <div class="course_dig-info dig_info-03 up-line">
                    <p class="c_info-txt">
                      <span>螺旋上升教学</span><br />
                      思维果编程课程的知识体系总体遵循由低级到高级，由简单到复杂的规律，课程将知识点横向串连，形成螺旋上升的态势。
                    </p>
                    <span class="line-01"></span>
                    <span class="line-02"></span>
                  </div>
                  <div class="course_dig-info dig_info-04 up-line">
                    <p class="c_info-txt">
                      <span>思维果开放课</span><br />
                      每到一个新的学习阶段，我们会组织家长参与思维果开放课，与孩子一起畅游编程的海洋，切身感受孩子上课学习的氛围，分享孩子的成长与进步。
                    </p>
                    <span class="line-01"></span>
                    <span class="line-02"></span>
                  </div>
                </div>
              </div>
              <!-- <img class="tese-img" src=<%= require('../../imgs/kecheng/mokuaihua.png') %>> -->
            </div>
          </div>
        </div>
        <div class="container-fluid xueke">
          <div class="container">
            <div class="row flex-between tese-item ">
              <img class="tese-img xueke-img" src=<%=
              require('../../imgs/kecheng/xueke.png') %> />
              <div class="title col-md-4">
                <span class="tese-num">02</span>
                <div class="tl">
                  学科知识分布
                  <div class="desc">
                    思维果的课程覆盖了丰富的学科知识门类，涉及数学、英语、语文、美术、音乐、科学等，各学科知识内容贯彻了螺旋上升教学方法，结合思维果的场景式项目教学，能够帮助孩子更容易的理解学科知识原理。
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-fluid meiguo">
          <div class="container">
            <div class="row flex-between tese-item">
              <div class="title">
                <span class="tese-num">03</span>
                <div class="tl">
                  对标美国CSTA K12<br />计算机教育标准
                  <div class="desc">
                    编程教育领域最具权威的CSTA  K-12 CS
                    Standards对孩子学习计算机进行了详细的描述，并划定了清晰的阶段，思维果课程体系培养的学员全面超越CSTA同等水平。
                  </div>
                </div>
              </div>
              <img class="tese-img meiguo-img" src=<%=
              require('../../imgs/kecheng/meiguo.png') %> />
            </div>
          </div>
        </div>
        <div class="container-fluid ruanying">
          <div class="container">
            <div class="row flex-between tese-item">
              <img class="tese-img ruanying-img" src=<%=
              require('../../imgs/kecheng/ruanying.png') %> />
              <div class="title">
                <span class="tese-num">04</span>
                <div class="tl">
                  软硬结合
                  <div class="desc">
                    编程软件与智能硬件全面打通，人工智能、物联网、机器学习等前沿技术任你玩，启发孩子创造自己的“机械帝国”。
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 彩虹图 -->
      <div class="container-fluid project-section caihong">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-step"></span>
            <p class="project_head-title">
              抓住孩子思维发展的黄金年龄
            </p>
          </div>
        </div>
        <!-- 这里才真的开始 -->
        <%= require('html-loader!@/component/colortable.html') %>
        <div class="section_common-btn">特聘专家解答家长疑惑</div>
      </div>
      <!--<%= require('html-loader!@/component/projects.html') %>-->
      <!-- 4大权益 -->
      <div class="container-fluid kecheng-bottom">
        <div class="chengnuo">
          <div class="project_head-icon head-woshou"></div>
          <div class="project_head-title">我们的承诺</div>
          <div class="desc">现在报名即享受4大权益</div>
        </div>
        <div class="course_view-content">
          <div class="course_new-content cnc-01">
            <div class="cnc-content">
              <span class="cnc-ico"></span>
              <p class="cnc-txt">
                签订课程服务协议
                每位会员在入学前都会和思维果签订一份《课程服务协议》，以保障您能够享受到高水平的服务质量，
                对课程不满意，依据《协议》，一个月内全额退款，预科课程期间费用全免。
              </p>
            </div>
          </div>
          <div class="course_new-content cnc-02">
            <div class="cnc-content">
              <span class="cnc-ico"></span>
              <p class="cnc-txt">
                高标准的师资团队
                思维果的每位讲师都是经过严格的筛选、培训、试讲上岗的。
                思维果的课程体系和教研系统均为自主研发。多个维度保障了授课质量。
              </p>
            </div>
          </div>
          <div class="course_new-content cnc-03">
            <div class="cnc-content">
              <span class="cnc-ico"></span>
              <p class="cnc-txt">
                0元入学，先体验，后付款
                思维果长期开放0元入学政策，分文不花即可体验优质编程正课，全面感受充分对比，之后再入学。
              </p>
            </div>
          </div>
          <div class="course_new-content cnc-04">
            <div class="cnc-content">
              <span class="cnc-ico"></span>
              <p class="cnc-txt">
                报名大礼包 当季活动赠课+思维果入学套装+免费试听课
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- FOOTER -->
      <%= require('html-loader!@/component/footer.html') %>
    </main>
  </body>
</html>
